<template>
  <div>
    <van-nav-bar fixed placeholder title="招贤纳士" />
    <ze-scroll :exclude-tabbar="true" @scrolltolower="handleScrolltolower">
      <div class="application-navbtn">
        <!-- 顶部导航按钮 -->
        <recruit-nav />
      </div>
      <div class="application-tab">
        <!-- 资讯栏目 -->
        <ze-news ref="zeNewsRef" :types="newsTypes" />
      </div>
    </ze-scroll>
  </div>
</template>

<script>
import recruitNav from './recruit-nav.vue'
import ZeNews from '@/components/ze-news/index.vue'
import ZeScroll from '@/components/ze-scroll/index.vue'

export default {
  components: { ZeScroll, recruitNav, ZeNews },
  data() {
    return {
      newsTypes: [
        { label: '人才培养', value: 3 },
        { label: '人才落户', value: 4 },
      ],
    }
  },
  methods: {
    handleScrolltolower() {
      this.$refs.zeNewsRef.loadMore()
    },
  },
}
</script>

<style lang="scss" scoped>
.application-navbtn{
  width:100%;
  height:200px;
}
.application-tab{
  width: 93%;
  margin: 0 auto;
}
</style>
